<template>
	<!-- 单图组 -->
	<view>
		<view class="diy-imageSingle"
			:style="{paddingBottom: itemStyle.paddingTop +'px', background: itemStyle.background}">
			<view class="item-image" v-for="(dataItem,index) in dataList" :key="index"
				:style="{padding: itemStyle.paddingTop +'px'+ itemStyle.paddingLeft + 'px'+ 0}">
				<view class="nav-to" @click="navigationTo" :data-url="dataItem.linkUrl">
					<image class="image" :src="dataItem.imgUrl " mode="widthFix"></image>
				</view>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		props: {
			itemIndex: String,
			itemStyle: Object,
			params: Object,
			dataList: Array
		},
		data() {
			return {

			};
		},
		methods: {
			/**
			 * 跳转到指定页面
			 */
			navigationTo(e) {

			},

		}
	}
</script>

<style scoped>
	.diy-imageSingle .item-image .image {
		display: block;
		width: 100%;
	}
</style>
